<script setup>
	import FirstTitle from "@comp/FirstTitle";
	const city = window.globalObj.name;

	// 表头单元格样式
	const headerCellStyle = () => {
		return {
			backgroundColor: "#f5f7fa",
			color: "rgba(0,0,0,0.85)",
			fontSize: "14px",
			height: "54px",
		};
	};
	// 单元格样式
	const cellStyle = () => {
		return {
			color: "rgba(0,0,0,0.65)",
			fontSize: "14px",
			lineHeight: "22px",
		};
	};

	const tableData = ref([{
			c1: 1,
			c2: city,
			c3: 'xx',
		},
		{
			c1: 2,
			c2: city,
			c3: 'xx',
		},
		{
			c1: 3,
			c2: city,
			c3: 'xx',
		}
	])

	const saveProgramme = () => {}
</script>
<template>
	<div>
		<FirstTitle name="各目标单位指挥机构编成和配置" />
		<div class="text-center top-15">
			{{city}}重要目标指挥机构编成和配置统计表
		</div>

		<el-table id="table" :data="tableData" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border>
			<el-table-column prop="c1" label="序号" width="60" align="center" />
			<el-table-column prop="c2" label="行政区划" />
			<el-table-column prop="c3" label="目标名称" />
			<el-table-column prop="c3" label="指挥机构编成" />
			<el-table-column prop="c3" label="配置位置" />
			<el-table-column prop="c3" label="联系人" />
			<el-table-column prop="c3" label="联系电话" />
		</el-table>


		<div class="flex-justify-end top-20">
			<el-button type="primary" class="save-btn" @click="saveProgramme">保存</el-button>
		</div>

	</div>
</template>
<style scoped lang="scss"></style>